<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:view>
    <link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>

    <t:div>

        <h:form id="formulario">

            <h:panelGrid columns="1" width="100%" styleClass="tablaprincipal">
               <h:outputLabel value="Registrar Formato Certificado para Cursos" />
            </h:panelGrid>
            <a4j:outputPanel ajaxRendered="true">
                <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                            warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                            warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
            </a4j:outputPanel>

            <a4j:outputPanel id="panel1">
                <h:panelGrid columns="1" width="100%" border="1" styleClass="posicionCentrada">
                    <h:panelGrid columns="2" border="0" cellpadding="2" cellspacing="2" styleClass="tablanormal">
                        <h:outputLabel value="Consejo Departamental: " />
                        <h:selectOneMenu value="#{FormatoCertificadoController.codigoConsejo}">
                            <f:selectItem itemLabel="-- Seleccione un Consejo Departamental --"/>
                            <f:selectItems value="#{ConsejoDepartamentalController.comboConsejoDepartamental}" />
                            <a4j:support ajaxSingle="true" action="#{FormatoCertificadoController.actualizarConsejo}" reRender="panelConsejo1,panelConsejo2" event="onchange"/>
                        </h:selectOneMenu>

                        <h:outputLabel value="Nombre Evento: " />
                        <h:selectOneMenu value="#{FormatoCertificadoController.codigoEvento}">
                            <f:selectItem itemLabel="-- Seleccione un Evento --"/>
                            <f:selectItems value="#{FormatoCertificadoController.comboEventosConCurso}" />
                            <a4j:support ajaxSingle="true" action="#{FormatoCertificadoController.actualizarEvento}" reRender="panelComboModulo,panelEvento,panelModulo" event="onchange"/>
                        </h:selectOneMenu>

                        <h:outputLabel value="Módulo: " />
                        <a4j:outputPanel id="panelComboModulo">
                            <h:selectOneMenu value="#{FormatoCertificadoController.codigoModulo}">
                                <f:selectItem itemLabel="-- Seleccione un Módulo --"/>
                                <f:selectItems value="#{FormatoCertificadoController.comboModulos}" />
                                <a4j:support ajaxSingle="true" action="#{FormatoCertificadoController.actualizarModulo}" reRender="panelModulo" event="onchange"/>
                            </h:selectOneMenu>
                        </a4j:outputPanel>

                        <h:outputLabel value="Nombre Formato: "/>
                        <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forNombre}" size="10" maxlength="20" styleClass="etiquetas" />

                        <h:outputLabel value="Fecha Impresión: "/>
                        <rich:calendar id="txtFechaImpresion" datePattern="dd/MM/yyyy"
                                       value="#{FormatoCertificadoController.formatoCertificado.forfechaImpresion}"/>
                    </h:panelGrid>
                </h:panelGrid>

            </a4j:outputPanel>
            <br/>
            <a4j:outputPanel id="panel2">
                <center>
                    <h:panelGrid columns="1" border="0" styleClass="tablanormal">
                        <h:panelGrid columns="1" border="0" styleClass="posicionCentrada">
                            <h:graphicImage value="/img/logocipcdll.gif" styleClass="fondoLogo" />
                            <h:outputLabel value="Colegio de Ingenieros del Perú" styleClass="titulo1"/>
                            <a4j:outputPanel id="panelConsejo1">
                                <h:outputLabel title="<Nombre del consejo Departamental>" value="#{FormatoCertificadoController.formatoCertificado.forFrase01}" styleClass="titulo1"/>
                            </a4j:outputPanel>
                            <h:outputLabel value="CERTIFICADO" styleClass="titulo2" />
                            <h:outputLabel value="Otorgado al Ingeniero" styleClass="titulo3" />
                            <h:outputLabel value="XXXX XXXXXXXX XXXXXX XXXXXX" styleClass="titulo4" />
                        </h:panelGrid>
                    </h:panelGrid>

                    <h:panelGrid columns="2" border="0" styleClass="posicionIzquierda">
                        <h:outputLabel value="Expresión 01: " />
                        <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forFrase02}"
                                     size="50" maxlength="50" styleClass="etiquetasNormal" />

                        <h:outputLabel value="Expresión 02: " />
                        <a4j:outputPanel id="panelModulo">
                            <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forFrase03}"
                                         size="50" maxlength="50" readonly="true" styleClass="cajaIzquierdaNegrita" />
                        </a4j:outputPanel>

                        <h:outputLabel value="Expresión 03: " />
                        <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forFrase04}"
                                     size="50" maxlength="50" styleClass="etiquetaNormal" />

                        <h:outputLabel value="Expresión 04: " />
                        <a4j:outputPanel id="panelEvento">
                            <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forFrase05}"
                                         size="50" maxlength="100" readonly="true" styleClass="cajaBorde0" />
                        </a4j:outputPanel>

                        <h:outputLabel value="Expresión 05: " />
                        <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forFrase06}"
                                     size="100" maxlength="100" styleClass="etiquetaNormal" />

                        <h:outputLabel value="Expresión 06: " />
                        <a4j:outputPanel id="panelConsejo2">
                            <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forFrase07}"
                                     size="100" maxlength="100" readonly="true" styleClass="cajaBorde0" />
                        </a4j:outputPanel>


                        <h:outputLabel value="Expresión 07: " />
                        <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forFrase08}"
                                     size="100" maxlength="100" styleClass="etiquetaNormal" />

                        <h:outputLabel value="Num. Horas: " />
                        <h:inputText value="#{FormatoCertificadoController.formatoCertificado.fornumHoras}"
                                     size="5" maxlength="5" styleClass="etiquetaNormal" />

                        <h:outputLabel value="Tiempo: " />
                        <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forFrase09}"
                                     size="5" maxlength="5" styleClass="etiquetaNormal" />

                        <h:outputLabel value="Fecha de impresión: " />
                        <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forNombreFecha}"
                                     size="30" maxlength="50" styleClass="etiquetaNormal" />

                    </h:panelGrid>
                    <br/><br/><br/>
                    <h:panelGrid columns="3" border="0" styleClass="posicionCentrada">
                        <h:panelGrid columns="1" width="20%" border="0" styleClass="posicionIzquierda">
                            <h:inputText value="#{FormatoCertificadoController.nombreDecano}"
                                         size="50" maxlength="250" styleClass="etiquetasMinimo2" />
                            <h:panelGrid columns="1" width="100%" border="0" styleClass="posicionCentrada">
                                <h:outputLabel value="Decano" styleClass="etiquetasMinimo" />
                            </h:panelGrid>
                        </h:panelGrid>
                        <h:panelGrid columns="1" width="60%" border="0" styleClass="posicionCentrada">
                            <h:outputLabel value=" " />
                        </h:panelGrid>
                        <h:panelGrid columns="1" width="20%" border="0" styleClass="posicionDerecha">
                            <h:inputText value="#{FormatoCertificadoController.formatoCertificado.forDocente}"
                                         size="50" maxlength="250" styleClass="etiquetasMinimo2" />
                            <h:panelGrid columns="1" width="100%" border="0" styleClass="posicionCentrada">
                                <h:outputLabel value="Docente" styleClass="etiquetasMinimo" />
                            </h:panelGrid>
                        </h:panelGrid>
                    </h:panelGrid>
                </center>

            </a4j:outputPanel>

            <h:panelGrid columns="3" border="0" styleClass="tablanormal">
                <h:commandButton styleClass="desactivar" title="Retornar"
                                 accesskey="R" id="btnRetornar" value="Retornar"
                                 action="#{FormatoCertificadoController.listar}" />
                <h:commandButton styleClass="desactivar" title="Guardar"
                                 accesskey="G" id="btnGuardar" value="Guardar"
                                 action="#{FormatoCertificadoController.insertar}"
                                 onclick="confirmar('Deseas actualizar el Formato Certificado?');" />
                <h:commandButton styleClass="desactivar" title="Cancelar" type="reset"
                                 accesskey="A" id="btnCancelar" value="Cancelar"
                                 action = "#{FormatoCertificadoController.cancelar}" />
            </h:panelGrid>

        </h:form>
    </t:div>

</f:view>
